$(function () {
  getUserInfo();
  let layer = layui.layer;
  //退出功能
  $("#btn-tuichu").on("click", function () {
    layer.confirm(
      "确认退出登录吗?",
      { icon: 3, title: "提示" },
      function (index) {
        //   清空token
        localStorage.removeItem("token");
        // 跳转到登录页面
        location.href = "./login.html";

        layer.close(index);
      }
    );
  });
});

// 获取用户信息的函数
function getUserInfo() {
  $.ajax({
    type: "GET",
    url: "/my/userinfo",

    success: function (res) {
      console.log(res);
      if (res.status !== 0) {
        return layui.layer.msg("获取用户信息失败");
      }
      //   调用renderAvatar 渲染用户头像
      renderAvatar(res.data);
    },
    
  });
}

// 渲染用户的头像函数
function renderAvatar(user) {
  // 获取用户名
  let name = user.nickname || user.username;
  $("#welcome").html("欢迎&nbsp&nbsp" + name);

  if (user.user_pic !== null) {
    //   有图片头像
    $(".layui-nav-img").attr("src", user.user_pic).show(); //图片头像显示
    $(".text-avatar").hide(); //文字头像隐藏
  } else {
    // 没有图片头像
    $(".layui-nav-img").hide(); //图片头像隐藏
    let first = name[0].toUpperCase(); //获取文本的第一个字符 并转换为大写
    $(".text-avatar").html(first).show(); //文字头像显示
  }
}
